<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"  
   xmlns:h="http://xmlns.jcp.org/jsf/html"
   xmlns:f="http://xmlns.jcp.org/jsf/core"
   xmlns:rich="http://richfaces.org/rich"
   xmlns:a4j="http://richfaces.org/a4j"
   xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
   xmlns:jsf="http://xmlns.jcp.org/jsf" 	>
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="../../dist/css/css.css"></link>
	<link rel="stylesheet" type="text/css" href="../../dist/css/normalize.css"></link>
	<title>Bienvenido</title>
</h:head>
<h:body>
<div class="contenido">
	<h:form>
	<div class="cabezera">		
			<h:graphicImage value="/images/BD.jpg" style=" width:100px; heigth:100px "/>	
			<br />
			<h:graphicImage value="/images/SQL.jpg" style="width:80px"/>
			<h:graphicImage value="/images/flecha.jpg" style="width:60px"/>
			<h:graphicImage value="/images/XML.jpg" style="width:70px"/>
	</div>
	</h:form>
	<div id="cabezera">
		<div >
			<h2>Converter Query to XML</h2>
			<h:outputLabel value="Ingrese Query: "/>
			<input jsf:id="inputQuery" value="#{formulario.query}" style="width: 540px; "/>								
		</div>
		<div >
			<!--Header, Details y Footer  -->			
			<br />	
			<rich:panel id="Menu1" header="Menu">			
				<h:panelGrid>				
				<h:column>
					<h:selectBooleanCheckbox />
					<h:outputLabel value="Header"/>
				</h:column>
				<h:column>
					<h:selectBooleanCheckbox />
					<h:outputLabel value="Details"/>				
				</h:column>
				<h:column>
					<h:selectBooleanCheckbox />
					<h:outputLabel value="Footer"/>
				</h:column>
				</h:panelGrid>
			</rich:panel>
			                                                                                                                                                                                      								
			
		</div>	
	</div>
	<div class="alwaysBottom">
		
	</div>
</div>
</h:body>
</html>
